/*�ͷ���ѯ*/

.custom-service {
    border: 1px solid #ddd;
    margin: 10px;
}

.customer-service-response {
    padding-left: 20%;
}

.customer-service-response>.media-body,
.users-response>.media-body {
    padding: 10px;
    background-color: #98cff8;
    border-radius: 25px;
}

.customer-service-response>.media-body {
    border-top-right-radius: 0;
}

.users-response>.media-body {
    border-top-left-radius: 0;
    background-color: #dfdfdf;
}

.users-response {
    padding-right: 20%;
}

.customer-service-response .media-object,
.users-response .media-object {
    border-radius: 50%;
}


/*����*/


/*����������ʽ*/

.nav-tabs {
    border-bottom: 0px;
}

.nav-tabs>li {
    text-align: center;
}

.nav-tabs>li>a {
    border-radius: 0;
    border: 0;
    margin-right: 0px;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    background-color: #f0f0f0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#myTab li {
    padding: 0;
}

#myTab li>a {
    padding: 10px;
    white-space: nowrap;
}

#myTab li.active>a {
    border-bottom: 0;
}


/* �����Ӵ�ji���Ŷ��û� */

.serverUser-list {
    border-right: 1px solid #ddd;
}

.tab-content {
    overflow: auto;
    background-color: #f5f5f5;
    height: 760px;
}

.reception-users,
.queue-users {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}

.reception-users li.row,
.queue-users li.row {
    list-style: none;
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
}

.reception-users li.row:hover,
.queue-users li.row:hover {
    background-color: #eaeaea;
}

.reception-users-imgBox,
.queue-users-imgBox {
    text-align: center;
}

.reception-users-msg,
.queue-users-msg {
    padding-left: 0;
    overflow: hidden;
}

.reception-users-name,
.queue-users-name {
    color: #2b2b2b;
    font-size: 14px;
    line-height: 2;
    margin: 0;
    padding-top: 3%;
}

.reception-users-words,
.queue-users-words {
    color: #999999;
    font-size: 14px;
    line-height: 2;
    margin: 0;
}

.reception-users-wordsCounts {
    position: absolute;
    text-align: center;
    padding: 5px 5px;
    background-color: #f0433c;
    border-radius: 15px;
    right: 5%;
    /*===��ǰ��Ϣtop�޸�*/
    top: 60%;
    transform: translate(0, -50%);
    color: #fff;
    font-style: normal;
}

/*===ɾ���Ի����*/
.delete-dialog{
    color: #7a7a7a;
    font-size:14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    top: 6%;
    right: 3%;
    cursor: pointer;
}

.queue-users-status {
    padding: 5px 10px;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 15px;
    color: #fff;
    font-style: normal;
    background-color: #456bbf;
}


/*�Ի���*/

.servering {
    padding: 0;
}

.servering .servering-header {
    /*===�޸���padding*/
    padding: 10px 15px 10px 15px;
    height: 40px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}
/*===��ӽ�����ǰ�û�����ѡ��*/
.current-servering-user{
    float: left;
}
.finish-current-servering{
    float: right;
    cursor: pointer;
    color: #789df4;
}
.servering .servering-conversation {
    padding: 10px;
    height: 450px;
    border-bottom: 1px solid #ddd;
    overflow: auto;
}

.media-object {
    width: 70px;
    height: 70px;
}

.reply-description {
    color: #e4e4e4;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
    position: relative;
}

.reply-description::before,
.reply-description::after {
    content: "";
    position: absolute;
    left: 30%;
    top: 0;
    width: 10%;
    height: 50%;
    border-bottom: 1px solid #e4e4e4;
}

.reply-description::after {
    left: 60%;
}

.reply-description-history::before,
.reply-description-history::after {
    width: 40%;
}

.reply-description-history::before {
    left: 0%;
}


/* �ı��༭�� */

.edui-container {
    width: 100% !important;
    border: 0;
    box-shadow: 0px 0px 0px #d3d6da;
}

.sending-btn-box {
    margin: 0;
    padding: 10px;
}

.edui-body-container {
    width: 100% !important;
    height: 220px;
    overflow: auto;
}

.edui-container .edui-toolbar {
    box-shadow: 0px 0px 0px #d3d6da;
}

.sending-btn-box>.sending-btn {
    padding: 5px;
}


/* ���� */

.purchase-history {
    border-left: 1px solid #ddd;
    padding: 0;
}

.purchase-history-header {
    height: 40px;
    padding: 10px;
    line-height: 20px;
    border-bottom: 1px solid #ddd;
}

.purchase-history-list {
    height: 760px;
    overflow: auto;
}

.panel {
    border: 0;
    overflow: hidden;
}

.purchase-history-item {
    display: block;
}

.purchase-history-item>.arrow-rotate {
    transform: rotate(-90deg);
}

.panel-default>.panel-heading {
    background-color: #fff;
}

.panel-body p {
    margin: 0px;
    background-color: #efefef;
    color: #a5a5a5;
    font-size: 12px;
    line-height: 20px;
}


/* ��ҳ */

.pagination-box {
    text-align: center;
}

.pagination-box>div {
    text-align: center;
}